<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>个人资料</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.avatar {
			vertical-align: middle;
			line-height: 50px;
		}
		
		.avatar img {
			width: 50px;
			height: 50px;
			vertical-align: middle;
			margin-right: 10px;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">个人资料</a>
	</header>
	<!-- 顶部导航 结束 -->

	<ul class="mui-table-view">
		<li class="mui-table-view-cell avatar">
			头像
			<div class="mui-pull-right text-gray btn-pick-image">
				<img src="../image/icon-no-image.png" />
				<i class="icon iconfont icon-right"></i>
			</div>
		</li>
		<li class="mui-table-view-cell">
			昵称
			<div class="mui-pull-right text-gray">
				虾米
				<i class="icon iconfont icon-right"></i>
			</div>
		</li>
		<li class="mui-table-view-cell">
			会员等级
			<div class="mui-pull-right text-gray">
				普通会员
				<i class="icon iconfont icon-right"></i>
			</div>
		</li>
		<li class="mui-table-view-cell" data-url="member.address.html">
			收货地址
			<div class="mui-pull-right text-gray">
				<i class="icon iconfont icon-right"></i>
			</div>
		</li>
	</ul>

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script type="text/javascript" src="member.profile.js"></script>
</body>
</html>